<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__CSS__/ex/common.css">
    <link rel="stylesheet" href="__CSS__/ex/login.css">
    <title>闪兑</title>
    <script src="__JS__/ios-web-app.js"></script>
</head>

<body>
    <header class="normal_header">
        <div class="header_pic">
            <a href="{:U('property/index')}"><img src="__IMG__/ex/back_black.png" alt=""></a>
        </div>
        <p>Đổi nhanh</p>
        <div class="header_pic"></div>
    </header>
    <section class="change_content">
        <div>
            <if condition="$config.ptr44 eq 1">
                Vòng {$config.ptr39} :Hàng ngày đúng giờ tiến hành bán {$config.ptr25} đông Exuu, hiện nay còn {$config.ptr26} Exuu
            </if>

            <!--每天定时限量抢购{$config.ptr25}EXUU，目前剩余{$config.ptr26}枚-->
        </div>
        <div class="shandui">
            <div>
                <div class="from">
                    <span index="8">USDT</span>
                </div>
                <!--<select id="from">-->
                    <!--<option value="1">EXUU</option>-->
                    <!--<option value="8">USDT</option>-->
                <!--</select>-->
                <div class="axz">
                    <input type="text" placeholder="Mặc định là 1." id="from_num" value="">
                    <span>Miếng</span>
                </div>
            </div>
            <div>
                <img src="__IMG__/ex/Tr.png" alt="" class="qiehuan">
            </div>
            <div>
                <div class="to">
                    <span index="1">EXUU</span>
                </div>
                <!--<select id="to">-->
                    <!--<option value="1">EXUU</option>-->
                    <!--<option value="8" selected>USDT</option>-->
                <!--</select>-->
                <div class="axz">
                    <input type="text" id="shandui_num" value="" readonly>
                    <span>Miếng</span>
                </div>
            </div>
        </div>
        <button class="sure">Đổi nhanh</button>
        <p class="jiage">EXUUGiá trị thực tế：<span style="color: red">{$config.ptr17} $</span></p>
        <ul class="mrecord">
            <li>
                <span>Toàn bộ</span>
                <span>Số lượng</span>
                <span>Trạng thái</span>
            </li>
            <volist name="exchange_list" id="vo">
                <li>
                    <span>
                        <if condition="$vo.from_coin eq 1">
                            EXUU/USDT
                            <else />
                            USDT/EXUU
                        </if>
                    </span>
                    <span>{$vo.from_coin_num}/{$vo.to_exchange_num}</span>
                    <div>
                        <if condition="$vo.status eq 0">
                            <span class="status">chưa giải quyết</span>
                            <elseif condition="$vo.status eq 2"/>
                            <span class="tongguo">Qua</span>
                            <else />
                            <span class="bohui">Bác bỏ</span>
                        </if>

                    </div>
                    </li>
            </volist>
            <!--<li>-->
                <!--<span>WFX/USDT</span>-->
                <!--<span>0.009576517972</span>-->
                <!--<div>-->
                    <!--<span class="status">待审</span>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li>-->
                <!--<span>WFX/USDT</span>-->
                <!--<span>0.009576517972</span>-->
                <!--<div>-->
                    <!--<span class="status">待审</span>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li>-->
                <!--<span>WFX/USDT</span>-->
                <!--<span>0.009576517972</span>-->
                <!--<div>-->
                    <!--<span class="status">待审</span>-->
                <!--</div>-->
            <!--</li>-->
        </ul>
    </section>
    <input type="hidden" id="exuuapi" value="{$config.ptr17}">
    <input type="hidden" id="usdtapi"value="">
    <style>
        .mrecord{
            margin-top: .4rem;
        }
        .mrecord li {
            padding: 0 .2rem;
            box-sizing: border-box;
        }
        .mrecord li span:first-child{
            width: 3rem;
        }
        .mrecord li span.status{
            display: inline-block;
            width: 1.5rem;
            text-align: center;
            line-height: .6rem;
            background-color: #06b57a;
            color: #fff;
            border-radius: .08rem;
        }

        .mrecord li span.tongguo{
            display: inline-block;
            width: 1.5rem;
            text-align: center;
            line-height: .6rem;
            background-color: deepskyblue;
            color: #fff;
            border-radius: .08rem;
        }
        .mrecord li span.bohui{
            display: inline-block;
            width: 1.5rem;
            text-align: center;
            line-height: .6rem;
            background-color: red;
            color: #fff;
            border-radius: .08rem;
        }
        .from ,.to{
            line-height: .6rem;
            background-color: #fff;
            padding-left: .2rem;
            margin-bottom: .2rem;
        }
        .sure{
            width: 6.32rem;
            margin: .4rem auto 0;
            line-height: .88rem;
            border-radius: .08rem;
            text-align: center;
            color: #fff;
            background-color: #0058e8;
            display: block;
        }
        .axz{
            position: relative;
        }
        .axz span{
            position: absolute;
            top: 0;
            right: .2rem;
            display: inline-block;
            line-height: .6rem;
        }
        .jiage{
            text-align: center;
            margin-top: .3rem;
        }
    </style>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script>
        $(".sure").click(function () {
            // alert($("#to").val());

            if($("#from_num").val()==''){
                alert('请输入数量');return false;
            }
            if(isNaN($("#from_num").val())){
                alert('数字不合法');return false;
            }
            if(confirm('请核实兑换数量是否正确')){
                $.ajax({
                    type:"post",
                    dataType: "json",
                    url:"{:U('index')}",
                    data:{
                        from_coin:$(".from>span").attr('index'),
                        from:$("#from_num").val(),
                        to_coin:$(".to>span").attr('index'),
                        to:$("#shandui_num").val(),
                    },
                    success:function (data) {
                        if(data.code>0){
                            alert(data.message);
                            window.location.reload();
                        }else {
                            alert(data.message);
                        }
                    }

                })
            }

        })


        $('.qiehuan').click(function () {
            return false;
            // $left=$(".from").text();
            // $right=$('.to').text();
            // $('.from').text($right);
            // $('.to').text($left);
            $left=$(".from").html();
            $right=$(".to").html();
            $('.from').html($right);
            $('.to').html($left);
            // return false;
            getusdt();
        })

        // $('#from_num').change(function () {
        //     getusdt();
        // })

        $("#from_num").bind('input propertychange',function () {
            getusdt()
        })


        $exuuapi=$("#exuuapi").val();
        getusdt();
        function getusdt() {
            let value = $("#from_num").val()
            let reg =/[^\d]/g
            if (value.match(reg)) {
                value = value.replace(/[^\d.]/g,'')
                $("#from_num").val(value)
            }

            if($("#from_num").val()==''){
                $num=1;
            }else {
                $num=$("#from_num").val();
            }
            if($(".to>span").attr('index')==8){
                // $shandui=($num*$exuuapi/res.rate).toFixed(2);
                $shandui=($num*$exuuapi).toFixed(2);
                $("#shandui_num").val($shandui);
            }
            if($(".to>span").attr('index')==1){
                // $shandui=($num*res.rate/$exuuapi).toFixed(2);
                $shandui=($num/$exuuapi).toFixed(2);
                $("#shandui_num").val($shandui);
            }
            
            // $.ajax({
            //     type: "post",
            //     url: "{:U('Hangqing/api')}",
            //     data: {},
            //     dataType: "json",
            //     success: function (res) {
            //         // console.log(res.change);
            //         //console.log(res.price);
            //         if (res) {
            //             if($("#from_num").val()==''){
            //                 $num=1;
            //             }else {
            //                 $num=$("#from_num").val();
            //             }
            //             if($(".to>span").attr('index')==8){
            //                 // $shandui=($num*$exuuapi/res.rate).toFixed(2);
            //                 $shandui=($num*$exuuapi).toFixed(2);
            //                 $("#shandui_num").val($shandui);
            //             }
            //             if($(".to>span").attr('index')==1){
            //                 // $shandui=($num*res.rate/$exuuapi).toFixed(2);
            //                 $shandui=($num/$exuuapi).toFixed(2);
            //                 $("#shandui_num").val($shandui);
            //             }
            //
            //             // $('#iii').text(parseFloat(res.rate).toFixed(4));
            //
            //
            //             // $('#iii').parent().find('button').text(res.change + '%');
            //             // if (res.change < 0) {
            //             //     $("#iii").parent().find('button').addClass('reduce');
            //             // } else {
            //             //     $("#iii").parent().find('button').addClass('add');
            //             //     $('#iii').parent().find('button').text('+' + res.change + '%');
            //             // }
            //         } else {
            //             alert(res.msg);
            //         }
            //     }
            // });
        }


    </script>
</body>

</html>